<ion-view>
    <ion-nav-title>{{info.theme_name | defString }}</ion-nav-title>
    <ion-nav-buttons side="left">
        <back-button></back-button>
    </ion-nav-buttons>
    <ion-content class="tt2 win3">

        <img ng-src="{{info.theme_img}}" class="banner">
        <!-- intro -->
        <div class="win3p">
            <div class="tac">
                <time>开抢时间：{{funds[0].ipo_begin_date_show | date:'MM月dd日'}} 9:15</time>
            </div>
            <div class="win3plst">
                <dl ng-repeat="fund in funds" ng-class="{sellOut : fund.sellStatus != 1 && fund.sellStatus != 2}">
					<a ng-href="#/tab/product-item-otc-float/{{fund.prod_code}}">
                    <dd>
                        <ul class="clearfix">
                            <li><em>{{fund.prod_name_short}}</em></li>
                            <li>
                                <span>{{fund.prod_profit_rate_min|defNumber:0}}<sub>%</sub>~{{fund.prod_profit_rate_max|defNumber:0}}<sub>%</sub></span>
                                <p>预期年化收益率</p>
                            </li>
                            <li>
                                <span>{{fund.prod_duration | defNumber}}</span>
                                <p>天期</p>
                            </li>
                        </ul>
                        <p ng-if="fund.prod_attr_ext_info.otc_trade_type== 4">若沪深300期间上涨或持平，则预期年化收益率8%。</p>
                        <p ng-if="fund.prod_attr_ext_info.otc_trade_type== 5">若沪深300期间下跌或持平，则预期年化收益率8%。</p>
                        <p ng-if="fund.prod_attr_ext_info.otc_trade_type== 2">若沪深300期间上涨超5%，则预期年化收益率12%。</p>
                        <p ng-if="fund.prod_attr_ext_info.otc_trade_type== 3">若沪深300期间下跌超5%，则预期年化收益率12%。</p>
                    </dd>
                    <dt ng-if="fund.sellStatus == 2">距开放购买时间还剩{{fund.begin_date_show}}天</dt>
                    <dt ng-if="fund.sellStatus == 1">立即购买</dt>
                    <dt ng-if="fund.sellStatus != 1 && fund.sellStatus != 2">已售罄</dt>
					</a>
                </dl>
            </div>
        </div>

        <div ng-bind-html="info.theme_desc"></div>

        <!-- stretch -->
        <div class="stretch">
            <label>
            <h3>天风证券收益凭证产品特点</h3>
            <input type="checkbox" class="kEye" ng-click="expand();checked1=!checked1;" ng-checked="!checked1">
            </label>
            <ul class="feature clearfix" ng-hide="!checked1">
                <li><em>低风险</em>

                    <p>券商发行，信誉保障，到期本金一次付清</p></li>
                <li><em>稳定收益</em>

                    <p>无论市场涨跌，均可获得稳定收益</p></li>
                <li><em>0手续费</em>

                    <p>申购、赎回手续费均为零</p></li>
                <li><em>多期限</em>

                    <p>投资期限多样化，满足不同投资者需要</p></li>
            </ul>
        </div>

        <!-- stretch -->
        <div class="stretch">
            <label>
            <h3>FAQ</h3>
            <input type="checkbox" class="kEye" ng-click="expand();checked2=!checked2;" ng-checked="!checked2">
            </label>
            <ol ng-hide="!checked2">
                <li>
                    收益凭证是什么？
                    <p>证券公司依法发行的借债产品，购买收益凭证产品，就可以成为证券公司的债主。</p>
                </li>
                <li>
                    此产品是谁发行的？
                    <p>此产品是由注册资本46.62亿元的天风证券发行，天风证券总部位于武汉，是一家全国性综合类券商，连续三年被主流媒体评为“最具成长性券商”。</p>
                </li>
                <li>
                    天风证券收益凭证产品系列的特点？
                    <p>各期的期限不同，到期收益不同，但都保证本金安全。</p>
                </li>
            </ol>
        </div>

        <!-- foot -->
        <div class="foot">
            市场有风险，投资需谨慎<br>预期收益不代表对未来收益的承诺或保证。
        </div>

    </ion-content>
</ion-view>